
<template>
  <div class="all-inCenter">
    <div class="all-center-top">
      <!-- 引入顶部组件 -->
      <all-center-top></all-center-top>
    </div>
    <div class="all-center-downRight">
      <!-- 引入中间下右组件 -->
      <all-center-downRight></all-center-downRight>
    </div>
    <div class="all-center-downLeft">
      <!-- 引入中间下左组件 -->
      <all-center-downLeft></all-center-downLeft>
    </div>
  </div>
</template>
<script>

import AllCenterTop from "../components/AllCenterCompoments/AllCenterTop";
import AllCenterDownRight from "../components/AllCenterCompoments/AllCenterDownRight";
import AllCenterDownLeft from "../components/AllCenterCompoments/AllCenterDownLeft";

export default {
  name: "allCenter",
  components: {
    "all-center-top": AllCenterTop,
    "all-center-downRight": AllCenterDownRight,
    "all-center-downLeft": AllCenterDownLeft
  },
};
</script>
<style lang = 'css'>
@import '../assets/css/AllCenter.css';
</style>